<div th:fragment="tuikuan_add">
    <div id="tuikuanModal" style="" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true" data-keyboard="false">
        <div class="modal-dialog modal-md" style="width:1000px;" id="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">&times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel"></h4>
                </div>
                <div class="modal-body" style="overflow: auto;" id="myModalBody">
                    <form class="form-horizontal m" id="form-tuikuan-add">
                        <div class="form-group col-sm-12 " style="padding-top: 10px;display: flex;justify-content: space-around">
                            <div class="col-sm-3">
                                <div class="ibox">
                                    <div class="ibox-content" style="text-align: center">
                                        <h3 class="m-b-md">结余资金</h3>
                                        <h2 class="text-navy">
                                            <i class="fa" style="font-weight: bold;"></i>{{tuikuanAdd.zhiliu}}
                                        </h2>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-1" style="  display: flex;flex-direction: column;justify-content: center">
                                <h3 >+</h3>
                            </div>
                            <div class="col-sm-3">
                                <div class="ibox">
                                    <div class="ibox-content" style="text-align: center">
                                        <h3 class="m-b-md">待发资金</h3>
                                            <input class="form-control" style="box-sizing:border-box!important;width: 100%;text-align: center;font-weight: 700;font-size: large" type="number" v-model="tuikuanAdd.daifa"></input>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-1" style="  display: flex;flex-direction: column;justify-content: center">
                                <h3 >=</h3>
                            </div>
                            <div class="col-sm-3">
                                <div class="ibox" style="height: auto">
                                    <div class="ibox-content" style="text-align: center">
                                        <h3 class="m-b-md">总退款金额</h3>
                                        <h2 class="text-danger">
                                            <i class="fa" ></i>{{tuikuanAdd.yue}}
                                        </h2>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label" style="text-align: left">原因：</label>
                            <div class="col-sm-12" style="padding-left: 45px;padding-right: 70px">
                                <textarea style="height:200px" class="form-control" v-model="tuikuanAdd.tuituanyuanyin"></textarea>
                            </div>
                        </div>
                    </form>

                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" @click="tuikuan">退款</button>
                </div>
            </div>
        </div>
    </div>
</div>